<template>
  <div>
   <el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>待办设置</span>
  </div>
  <h3>询价系统</h3>
  <div class="todo-remindbox">
  <el-form ref="form" label-width="167px">
  <div>
    <div slot="header" class="clearfix">
      <span>询价需求</span>
    </div>
    <el-row class="box">
          <el-col :span="8">
            <el-form-item label="询价需求待受理：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="询价需求待询价：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="询价需求取消：">
               <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
    </el-row>
      <div slot="header" class="clearfix">
      <span>订货需求</span>
    </div>
    <el-row class="box">
          <el-col :span="8">
            <el-form-item label="订货需求待受理：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="订货需求待询价：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="订货需求取消：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
    </el-row>
    <div slot="header" class="clearfix">
      <span>采购询价</span>
    </div>
    <el-row class="box">
          <el-col :span="8">
            <el-form-item label="未完成的客户询价：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="未完成的订货询价：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="待订货审批的订货询价：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
    </el-row>
    <el-row>
          <el-col :span="8">
            <el-form-item label="待下推订单的订货询价：">
              <el-switch
                v-model="value"
                active-color="#13ce66"
                inactive-color="#ff4949">
              </el-switch>
            </el-form-item>
          </el-col>
    </el-row>
    <el-row type="flex" justify="center" class="operate-area">
      <el-button  type="primary" @click="handleOk">确定</el-button>
      <el-button @click="handleCancel">取消</el-button>
    </el-row>
    <div>
    </div>
  </div>
</el-form>
  </div>

</el-card>
  </div>
</template>
<script>
export default {
  data () {
    return {
      value: true
    }
  },
  mounted () {

  },
  methods: {
    handleCancel () {
       this.$router.push({ name: 'todoRemind' })
    },
    handleOk () {

    }
  }
  }
</script>
<style>
  .todo-remindbox{
    margin-top: 10px;
  }
  .el-form-item__content div {
    color: coral;
  }
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
</style>
